<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" >
	<title>京西(JX.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="head">
	<div class="head_top">
		<div class="wrap clearfix">
			<div class="leftArea">
				<a href="#" id="collection">收藏京西</a>
			</div>
			<div class="rightArea">欢迎来到京西网！<a href="#">[登录]</a><a href="#">[免费注册]</a></div>
		</div>
	</div>
	<div class="search">
		<div class="wrap">
			<div class="logo">
				<a href="#"><img src="images/logo.png" alt="京西商城"></a>
			</div>
			<div class="search_box">
				<input type="text" id="search_input">
				<input type="submit" value="搜 索" id="search_btn">
			</div>
			<div class="shop_car">
				<span class="car">购物车</span>
				<span class="num_text">0</span>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="wrap">
			<div class="allCommodity">
				<h3>全部商品分类</h3>
				<div class="commodity_List">
					<dl>
						<dt>
							<a href="#">手机</a>
							<a href="#">数码</a>
							<a href="#" class="aLink">合约机</a>
						</dt>
						<dd>
							<a href="#">荣耀3X</a>
							<a href="#">单反</a>
							<a href="#">智能设备</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="#">电脑</a>
							<a href="#">硬件外设</a>
							<a href="#" class="aLink">装机宝</a>
						</dt>
						<dd>
							<a href="#">笔记本</a>
							<a href="#">台式机</a>
							<a href="#">超级本</a>
							<a href="#">平板</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="#">大家电</a>
						</dt>
						<dd>
							<a href="#">电视</a>
							<a href="#">空调</a>
							<a href="#">冰箱</a>
							<a href="#">洗衣机</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="#">厨房电器</a>
							<a href="#">生活电器</a>
						</dt>
						<dd>
							<a href="#">空气净化器</a>
							<a href="#">微波炉</a>
							<a href="#">取暖设备</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="#">食品/饮料/生鲜</a>
							<a href="#" class="aLink">粮油</a>
						</dt>
						<dd>
							<a href="#">进口</a>
							<a href="#">方便面</a>
							<a href="#">零食</a>
							<a href="#">保健</a>
						</dd>
					</dl>
				</div>
				<div class="commodity_show">
					<div class="showBox">
						<dl class="commodity_item">
							<dt><a href="#">电脑整机</a></dt>
							<dd>
								<a href="#">笔记本</a>
								<a href="#">超极本</a>
								<a href="#">上网本</a>
								<a href="#">平板电脑</a>
								<a href="#">台式机</a>
							</dd>
						</dl>
						<dl class="commodity_item">
							<dt><a href="#">装机配件</a></dt>
							<dd>
								<a href="#">CPU</a>
								<a href="#">硬盘</a>
								<a href="#">SSD固态硬盘</a>
								<a href="#">内存/a>
								<a href="#">显示器</a>
								<a href="#">智能显示器</a>
								<a href="#">主板</a>
								<a href="#">显卡</a>
								<a href="#">机箱</a>
								<a href="#">电源</a>
								<a href="#">散热器</a>
								<a href="#">刻录机/光驱</a>
								<a href="#">声卡</a>
								<a href="#">拓展卡</a>
								<a href="#">服务器配件</a>
								<a href="#">DIY小附件</a>
								<a href="#">装机/配件安装</a>
							</dd>
						</dl>
						<dl class="commodity_item">
							<dt><a href="#">整机附件</a></dt>
							<dd>
								<a href="#">电脑桌</a>
								<a href="#">电脑包</a>
								<a href="#">电池</a>
								<a href="#">电源适配器</a>
								<a href="#">贴膜</a>
								<a href="#">清洁用品</a>
								<a href="#">笔记本散热器</a>
								<a href="#">USB拓展</a>
								<a href="#">平板配件</a>
								<a href="#">特色附件</a>
								<a href="#">插座网线/电话线</a>
								<a href="#">影音线材</a>
								<a href="#">电脑线材</a>
							</dd>
						</dl>
						<dl class="commodity_item">
							<dt><a href="#">电脑外设</a></dt>
							<dd>
								<a href="#">鼠标</a>
								<a href="#">键盘</a>
								<a href="#">游戏外设</a>
								<a href="#">移动硬盘</a>
								<a href="#">摄像头</a>
								<a href="#">高清播放器</a>
								<a href="#">外置盒</a>
								<a href="#">移动硬盘包</a>
								<a href="#">手写板/绘图板</a>
							</dd>
						</dl>
						<dl class="commodity_item">
							<dt><a href="#">网络设备</a></dt>
							<dd>
								<a href="#">路由器</a>
								<a href="#">网卡</a>
								<a href="#">3g无线上网</a>
								<a href="#">交换机</a>
								<a href="#">网络存储</a>
								<a href="#">布线工具</a>
								<a href="#">网络配件</a>
								<a href="#">正版软件</a>
							</dd>
						</dl>
						<dl class="commodity_item">
							<dt><a href="#">音频设备</a></dt>
							<dd>
								<a href="#">音箱</a>
								<a href="#">耳机/耳麦</a>
								<a href="#">声卡</a>
								<a href="#">音频附件</a>
								<a href="#">录音笔</a>
							</dd>
						</dl>
						<div class="channel">
							<a href="#">电脑整机频道<span></span></a>
							<a href="#">硬件/外设频道<span></span></a>
						</div>
					</div>
				</div>
			</div>
			<ul id="navlist">
				<li><a href="">数码城</a></li>
				<li><a href="">天黑黑</a></li>
				<li><a href="">团购</a></li>
				<li><a href="">发现</a></li>
				<li><a href="">二手特卖</a></li>
				<li><a href="">名品会</a></li>
			</ul>
		</div>
	</div>
	<div class="banner">
		<div class="wrap clearfix">
			<ul class="banner_box">
				<li><a href="#"><img src="images/xct01.jpg" alt="产品宣传图"></a></li>
				<li><a href="#"><img src="images/xct02.jpg" alt="产品宣传图"></a></li>
			</ul>
		</div>
	</div>
</div>
<div class="shopArea">
	<div class="wrap">
		<div class="shop_title">
			<h3>家用电脑</h3>
			<span>更多&gt;&gt;</span>
		</div>
		<div class="main clearfix">
			<div class="shop_banner">
				<img src="images/ad01.jpg" alt="shop_banner">
			</div>
			<div class="shop_list">
				<div class="shoplist_box clearfix">
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/HTC.jpg" alt="商品"></div>
						<h4>HTC新渴望8系列</h4>
						<p>1899元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/HTC.jpg" alt="商品"></div>
						<h4>HTC新渴望8系列</h4>
						<p>1899元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/HTC.jpg" alt="商品"></div>
						<h4>HTC新渴望8系列</h4>
						<p>1899元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/HTC.jpg" alt="商品"></div>
						<h4>HTC新渴望8系列</h4>
						<p>1899元</p>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/NFC.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<span>￥149.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/sx.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<span>￥149.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/ipad.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<span>￥149.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/Apple.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<span>￥149.00</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="shopArea">
	<div class="wrap">
		<div class="shop_title">
			<h3>食品酒水</h3>
			<span>更多&gt;&gt;</span>
		</div>
		<div class="main clearfix">
			<div class="shop_banner">
				<img src="images/ad02.jpg" alt="shop_banner">
			</div>
			<div class="shop_list">
				<div class="shoplist_box clearfix">
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/snacks.jpg" alt="商品"></div>
						<h4>三月美食狂享购</h4>
						<p>50元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/snacks.jpg" alt="商品"></div>
						<h4>三月美食狂享购</h4>
						<p>50元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/snacks.jpg" alt="商品"></div>
						<h4>三月美食狂享购</h4>
						<p>50元</p>
					</div>
					<div class="shopItem_top">
						<div class="shop_img"><img src="images/snacks.jpg" alt="商品"></div>
						<h4>三月美食狂享购</h4>
						<p>50元</p>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/kbt.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<span>￥600.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/kbt.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<span>￥600.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/kbt.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<span>￥600.00</span>
						</div>
					</div>
					<div class="shopItem_bottom">
						<div class="shop_img"><img src="images/kbt.jpg" alt="商品"></div>
						<div class="shop_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<span>￥600.00</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="footer">
	<p>慕课简介|慕课公告| 招纳贤士| 联系我们|客服热线：400-675-1234</p>
	<p>Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
	<div class="credit_rating">
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
	</div>
</div>
</body>
</html>
